<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.imgzoom.pack.js"></script>
<script type="text/javascript">  
$(document).ready(function () { 
	$('img.thumbnail').imgZoom(); 
});
</script>
</head>

<body>
<a href="images/flower1.jpg"><img class="thumbnail" src="images/flower1s.jpg" alt="Puppy" /></a> 
<a href="images/flower2.jpg"><img class="thumbnail" src="images/flower2s.jpg" alt="Kitten" /></a>


<table cellspacing="0" cellpadding="0">
	<tr>
		<td>duration</td>
		<td>控制放大或缩小动画的时间，默认值为500</td>
	</tr>
	<tr>
		<td>hideThumbnail</td>
		<td>如果设置为true ，当点击图片动画开始的时候缩略图被设成隐藏，默认值为false。</td>
	</tr>
	<tr>
		<td>instance</td>
		<td>如果设置为true，imgZoom() 调用返回一个imgZoom绑定到的图像的实例，使您可以使用它的API方法。</td>
	</tr>
	<tr>
		<td>loadingImg</td>
		<td><span onmouseover="_tipon(this)" onmouseout="_tipoff()"> </span>缩略图上显示“加载”图标URL，全尺寸图像加载，默认值为 &quot;css/loading.gif&quot;</td>
	</tr>
	<tr>
		<td>opacity</td>
		<td>如果设置为0到1之间的数字，图像的透明度逐渐增加，从给定值开始一直到1，产生淡入效果。<br />
			如果设置为两个数字，序号为起始和结束透明度。默认值是 1</td>
	</tr>
	<tr>
		<td>overlayOpacity</td>
		<td>覆盖的透明度(当设置showOverlay以后才会生效)，默认值为 0.75<br /></td>
	</tr>
	<tr>
		<td>rotate</td>
		<td>如果设置为true ，则做360度顺时针旋转<br />
			如果设置为1或者大于1的正整数，则定义旋转的次数。<br />
			如果设置为负整数，图像按照逆时针旋转。默认值为 false</td>
	</tr>
	<tr>
		<td>showOverlay</td>
		<td>如果设置为true ，页面会显示一个半透明的黑色背景。默认值为 false</td>
	</tr>
	<tr>
		<td>src</td>
		<td>设置点击后的图像的URL地址，如果设置了这一项，点击缩略图后会显示此图像</td>
	</tr>
	</table>
</body>
</html>
